<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<div class="head_img" id="banner">
		<img src="img/head.png" title="head_img1">
		<img src="img/head1.png" title="head_img2">
		<img src="img/head2.png" title="head_img3">
		<img src="img/head3.png" title="head_img4">
		<div>
		    <ul>
			    <li class="on">1</li>
			    <li>2</li>
			    <li>3</li>
			    <li>4</li>
		    </ul>
		</div>
</div>
<div style="width:100%; height:390px;"></div>
<%-- <div class="body_head">
	<h2>ABOUT THE BUSI NESS</h2>
	<p>关于创业</p>
	<div class="body_head_data">
		<h3>
			已入驻 <b>${requestScope.ness.get(0) }</b> 团队 <b>${requestScope.ness.get(1) }</b>
			导师 <b>${requestScope.ness.get(2) }</b> 投资人共 <b>${requestScope.ness.get(3) }</b>
			项目完成了 <b>${requestScope.ness.get(4) }</b> 万融资额
		</h3>
	</div>
</div> --%>
<div class="project clearfix">
	<p class="project_title">NEWS</p>
	<div class="project_R">
		<p>新闻公告</p>
		<div class="dashed"></div>
		<a class="pjax" href="index_news"><img src="img/jia.png" alt="more" /> more</a>
	</div>
	<div id="news" class="clearfix">
		<div><p class="news_title">创业新闻</p></div>
	<div class="news_left news_content">
	<div>
	 	<a class="pjax" href="index_news?page=news_info&&id=${ requestScope.imgNew.get(3)}">
			<img alt="img" src="${requestScope.imgNew != null?requestScope.imgNew.get(1):'' }" width="240px" height="235px">
		</a>
	</div>
	<div>
		 <a class="pjax" title="${requestScope.imgNew != null?requestScope.imgNew.get(0):'' }" href="index_news?page=news_info&&id=${ requestScope.imgNew.get(3)}">${requestScope.imgNew != null?requestScope.imgNew.get(0):'' }</a>
		 <p title="${requestScope.imgNew != null?requestScope.imgNew.get(2).toString():''}...">
			${requestScope.imgNew != null?requestScope.imgNew.get(2).toString():''}...
		</p>
		</div>
	</div>
	<div class="news_content news_xinwen">
		<c:forEach items="${requestScope.notices2 }" var="notice2" varStatus="status">
			<p>
				<a class="clearfix pjax" id="news_hover" title="${notice2.get(0).n_title}" href="index_news?page=news_info&&id=${notice2.get(0).n_id}">
				<span class="title" title="${notice2.get(0).n_title}">${notice2.get(0).n_title}</span>
				<span class="time">[${notice2.get(3).nt_name}]－－${notice2.get(0).n_ctime}</span>
				</a> 
			</p>
		</c:forEach>
	</div>

	<div class="news_content news_bot1">
		<div><p class="news_title">通知公告</p></div>
		<c:forEach items="${requestScope.notices3 }" var="notice3" varStatus="status">
			<p>
				<a class="clearfix pjax" id="news_hover" title="${notice3.get(0).n_title}" href="index_news?page=news_info&&id=${notice3.get(0).n_id}">
				<span class="title">${notice3.get(0).n_title}</span>
				<span class="time">[${notice3.get(3).nt_name}]－－${notice3.get(0).n_ctime}</span>
				</a> 
			</p>
		</c:forEach>
	</div><div class="news_content news_bot2">
		<div><p class="news_title">关于创业</p></div>
		<c:forEach items="${requestScope.notices1 }" var="notice1" varStatus="status">
			<p>
				<a class="clearfix pjax" id="news_hover" title="${notice1.get(0).n_title}" href="index_news?page=news_info&&id=${notice1.get(0).n_id}">
				<span class="title">${notice1.get(0).n_title}</span>
				<span class="time">[${notice1.get(3).nt_name}]－－${notice1.get(0).n_ctime}</span>
				</a> 
			</p>
		</c:forEach>
	</div>
	</div>
</div>
<!-- <div class="project clearfix">
	<p class="project_title">TEAM</p>
	<div class="project_R">
		<p>团队风采</p>
		<div class="dashed"></div>
		<a class="pjax" href="index_team"><img src="img/jia.png" alt="more" /> more</a>
	</div>
</div> -->
<div class="project clearfix">
	<p class="project_title">ITEM</p>
	<div class="project_R">
		<p>创业项目</p>
		<div class="dashed"></div>
		<a class="pjax" href="index_news"><img src="img/jia.png" alt="more" /> more</a>
	</div>
	<c:forEach items="${requestScope.newpro }" var="pro">
		<div class="project_show">
			<a href="pro?id=${pro.get(0).p_id}" target="_blank"> <img
				src="${pro.get(0).p_logo != null ? pro.get(0).p_logo : 'img/project1.jpg'}" />
			</a>
			<p>${pro.get(0)['p_name']}</p>

			<div class="like_it">
				<img src="img/icon_love.png" alt="" /> <span>${pro.get(0).p_zan}</span>
			</div>
		</div>
	</c:forEach>
</div>

<script type="text/javascript">
 $(function(){ //图片轮播
  var t = n =0, count;
  $(document).ready(function(){
      count=$(".head_img>img").length;
      //alert(count);
      $(".head_img>img:not(:first-child)").hide();
      //$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
      //$("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
      $(".head_img>div>ul>li").click(function() {  //点击切换图片
        var i = $(this).text() -1;//获取Li元素内的值，即1，2，3，4
        n = i;
        if (i >= count) return;
                //$("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
        $(".head_img>img").filter(":visible").fadeOut(500).parent().children('img').eq(i).fadeIn(300);
         
            $(this).toggleClass("on");
              $(this).siblings().removeAttr("class");
        });

     t=setInterval(showAuto,2500);

    $(".head_img>div>ul>li").hover(function(){clearInterval(t)}, function(){t = setInterval(showAuto, 2500);});
})

function showAuto()
{
n = n >=(count -1) ? 0 : ++n;

$(".head_img li").eq(n).trigger('click');
 }
 })
</script>